<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Hạnh Đat Steel</title>
<!-- InstanceEndEditable -->
<link href="styles/style.css" rel="stylesheet" type="text/css" />
<link href="styles/superfish.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="styles/nivo-slider.css" media="screen" />
 

<!--[if lte IE 8]>
		<link rel="stylesheet" type="text/css" href="styles/ie8.css"/>
		<script type="text/javascript" src="js/html5.js"></script>
	<![endif]-->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>
<div id="wrapper">
    <div id="header-top">
    
        <div class="container">
    
            <a href="#"></a>
    
            <p class="left">Chào mừng các bạn đã đến với website Hanhdatsteel.com</p>
    
            <div class="right"><span>Hổ Trợ trực tuyến: </span>
            	<a href="#"><img src="images/1373041568_yahoo.png" width="24" height="24"/> </a> 
             <a href="#"><img src="images/1373041582_skype.png" width="24"height="24"/> </a> </div>
            
            <div class="right">Hotline <a href="#"> </a> | <strong>090.999.2210</strong></div>
    
        </div><!-- end .container -->
    
    </div><!-- end #header-top -->
    
    <div id="header">
    
        <div class="container">
    
            <div id="logo">
                <a href="index.html">
                    <img src="images/logo.png" alt="Hanh Dat">
                </a>
            </div>
            
            <div id="header-ads">
               <h1> <p>CÔNG TY TNHH MTV</p><p> SẢN XUẤT THƯƠNG MẠI HẠNH ĐẠT</p> </h1>
                
            </div><!-- end #header-ads -->
    
        </div><!-- end .container -->
    
    </div><!-- end #header -->
    <div id="navigation">
    
        <div class="containerMenu">
        	    
           <ul id="nav" class="sf-menu no-js lavaLampWithImage">
				<li class="current">
								<a href="index.html">Trang Chủ</a>
								
							</li>

							<li>
								<a href="chitiet.html">Giới Thiệu</a>
							</li>
							<li>
								<a href="#">Sản Phẩm</a>
								<ul>
									<li>
										<a href="#">Tôn Cuộn</a>
										<ul>
											<li><a href="#">Tôn Mạ Màu</a>
												<ul>
													<li><a href="#">Tôn Phương Nam</a></li>
													<li><a href="#">Tôn Povina</a></li>

												</ul>
											</li>	
											<li><a href="#">Tôn Mạ Kẽm</a></li>
											<li><a href="#">Tôn Lạnh</a></li>
										</ul>
									</li>
									<li>
										<a href="#">Tấm Lợp</a>
										
									</li>
									<li>
										<a href="#">Xà Gỗ</a>
										
									</li>
									<li><a href="#">Thép Cán Nóng</a></li>
									<li><a href="#">Thép Cán Nguội</a></li>
                                    <li><a href="#">Thép Hộp Vuông</a></li>
									<li><a href="#">Thép Ống Tròn</a></li>
                                    <li><a href="#">Thép Định Hình</a></li>
									<li><a href="#">Sản Phẩm Khác</a></li>
                                    
								</ul>
							</li>
							
							<li>
								<a href="contact.html">Liên Hệ</a>
							</li>
							
						</ul>
    
        </div><!-- end .container -->
    
    </div><!-- end #nav -->
    
    <div id="nav-shadow"></div>
    <div class="slideShow">
    	<!-- InstanceBeginEditable name="slideshow" -->
		<!-- Standatd Nivo slider code with two classes setting position on home page header-->
			<img src="images/detail.jpg" width="980" height="140" alt=""/>	  
		<!-- InstanceEndEditable -->
<!--end slider-->
    </div>
    <div id="contentWrapper">
    	<div class="container">
         <!-- InstanceBeginEditable name="Containner" -->
            <div class="invent-site-map">
                <a href="#" class="active">Trang chủ </a> → <a href="#"> dự án </a>
            
            </div>
            <div id="leftColumn">
           
			<div class="blockCatalory">
                                <div class="containerMenuH">
                                
                            		<div class="titleHmenu"><h5>Danh mục sản phẩm</h5></div>
                                   	<ul id="navH" class="sf-menu sf-menuH no-js lavaLampWithImage">
                                        	<li class="current">
                                                        <a href="index.html">Tôn Cuộn</a>
                                                        <ul>
                                                            <li><a href="index.html">Invent Slider</a></li>
                                                            <li><a href="home_any_slider.html">Anything Slider</a></li>
                                                            <li><a href="home_nivo.html">Nivo Slider</a></li>
                                                            <li><a href="home_lof.html">Lof jSlider</a></li>
                                                            <li><a href="home_style1.html">Home page style 1</a></li>
                                                            <li><a href="home_style2.html">Home page style 2</a></li>
                                                            <li><a href="home_style3.html">Home page style 3</a></li>
                                                            <li><a href="home_style4.html">Home page style 4</a></li>
                                                            <li><a href="home_style5.html">Home page style 5</a></li>
                                                            <li><a href="home_style6.html">Home page style 6</a></li>
                                                            <li><a href="home_style7.html">Home page style 7</a></li>
                                                        </ul>
                                      </li>
                        
                                                    <li>
                                                        <a href="portfolio3.html">Tấm Lợp</a>
                                                        <ul>
                                                            <li><a href="portfolio1.html">Portfolio 1 columns</a></li>
                                                            <li><a href="portfolio2.html">Portfolio 2 columns</a></li>
                                                            <li><a href="portfolio3.html">Portfolio 3 columns</a></li>
                                                            <li><a href="portfolio4.html">Portfolio 4 columns</a></li>
                                                            <li><a href="portfolio_video.html">Video portfolio</a></li>
                                                        </ul>	
                                                    </li>
                        
                                                    <li>
                                                        <a href="pages_services.html">Xà Gỗ</a>
                                                        <ul>
                                                            <li><a href="error.html">404 Page</a></li>
                                                            <li><a href="pages_services.html">Our Services</a></li>
                                                            <li><a href="pages_team.html">Meet our Team</a></li>
                                                            <li><a href="pages_faq.html">FAQ</a></li>
                                                            <li><a href="pages_jobs.html">Jobs</a></li>
                                                            <li><a href="pages_testimonials.html">Testimonials</a></li>
                                                            <li><a href="widgets.html">Right sidebar</a></li>
                                                            <li><a href="widgets2.html">Left sidebar</a></li>
                                                        </ul>	
                                                    </li>
                                                    
                                                    <li>
                                                        <a href="toggles_acc_tabs.html">Thép Cán Nóng</a>
                                                        <ul>
                                                            <li><a href="columns.html">Columns & Information boxes</a></li>
                                                            <li><a href="typography.html">Typography</a></li>
                                                            <li><a href="carusel.html">Carousels and Slide Deck</a></li>
                                                            <li><a href="icons_and_lists.html">Icons and lists</a></li>
                                                            <li><a href="dropcaps.html">Dropcaps</a></li>
                                                            <li><a href="images.html">Images</a></li>
                                                            <li><a href="nivo_slider.html">Nivo Slider</a></li>
                                                            <li><a href="videos.html">Video Shortcodes</a></li>
                                                            <li><a href="maps.html">Maps</a></li>
                                                            <li><a href="tables.html">Tables</a></li>
                                                            <li><a href="toggles_acc_tabs.html">Toggles, Accordion & Tabs</a></li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <a href="blog.html">Thép Cán Nguội</a>
                                                        <ul>
                                                            <li><a href="post.html">View best features of this theme</a></li>
                                                        </ul>
                                                    </li>
                                                    
                                                    <li>
                                                        <a href="#">Thép hộp vuông</a>
                                                        <ul>
                                                            <li>
                                                                <a href="#">Element 1</a>
                                                                <ul>
                                                                    <li><a href="#">Submenu 1</a>
                                                                        <ul>
                                                                            <li><a href="#">Submenu 1.1</a></li>
                                                                            <li><a href="#">Submenu 1.2</a></li>
                        
                                                                        </ul>
                                                                    </li>	
                                                                    <li><a href="#">Submenu 2</a></li>
                                                                    <li><a href="#">Submenu 3</a></li>
                                                                </ul>
                                                            </li>
                                                            <li>
                                                                <a href="#">Element 2</a>
                                                                <ul>
                                                                    <li><a href="#">Submenu 1</a></li>
                                                                    <li><a href="#">Submenu 2</a></li>
                                                                    <li><a href="#">Submenu 3</a></li>
                                                                </ul>
                                                            </li>
                                                            <li>
                                                                <a href="#">Element 3</a>
                                                                <ul>
                                                                    <li><a href="#">Submenu 1</a></li>
                                                                    <li><a href="#">Submenu 2</a></li>
                                                                    <li><a href="#">Submenu 3</a></li>
                                                                </ul>
                                                            </li>
                                                            <li><a href="#">Element 4</a></li>
                                                            <li><a href="#">Element 5</a></li>
                                                        </ul>
                                                    </li>
                                                    
                                                    <li>
                                                        <a href="contact.html">Thép Ống Tròn</a>
                                                    </li>
                                                    <li>
                                                        <a href="contact.html">Thép Định Hình</a>
                                                    </li>
                                                    <li>
                                                        <a href="contact.html">Sản Phẩm Khác</a>
                                                    </li>
                                                    
                                  </ul>
                            
                                </div><!-- end .containermenuH -->
       		  </div>
                    <div class="blockPopularProduct clearfix"> 
                    	<div class="titleHmenu"><h5>Sản Phẩm Mới</h5></div>
                    	<div class="image_carouselH2">
                            <div id="fooH2">
                               <a href="#"> <img src="images/client-logo1.png" alt="basketball" width="140" height="92" /></a>
                               <a href="#"> <img src="images/client-logo2.png" alt="beachtree" width="140" height="92" /></a>
                               <a href="#"> <img src="images/client-logo3.png" alt="cupcackes" width="140" height="92" /></a>
                               <a href="#"> <img src="images/client-logo4.png" alt="hangmat" width="140" height="92" /></a>
                                <a href="#"><img src="images/client-logo5.png" alt="new york" width="140" height="92" /></a>
                                <a href="#"><img src="images/client-logo1.png" alt="basketball" width="140" height="92" /></a>
                                <a href="#"><img src="images/client-logo2.png" alt="beachtree" width="140" height="92" /></a>
                                <a href="#"><img src="images/client-logo3.png" alt="cupcackes" width="140" height="92" /></a>
                                <a href="#"><img src="images/client-logo4.png" alt="hangmat" width="140" height="92" /></a>
                                <a href="#"><img src="images/client-logo5.png" alt="new york" width="140" height="92" /></a>
                                <a href="#"><img src="images/client-logo1.png" alt="basketball" width="140" height="92" /></a>
                                <a href="#"><img src="images/client-logo2.png" alt="beachtree" width="140" height="92" /></a>
                                <a href="#"><img src="images/client-logo3.png" alt="cupcackes" width="140" height="92" /></a>
                                <a href="#"><img src="images/client-logo4.png" alt="hangmat" width="140" height="92" /></a>
                                <a href="#"><img src="images/client-logo5.png" alt="new york" width="140" height="92" /></a>
                                
                            </div>
                            <div class="clearfix"></div>
                            <!--<a class="prevslide2 " id="fooH2_prev" href="#"><span>prev</span></a>
                            <a class="nextslide2" id="fooH2_next" href="#"><span>next</span></a>-->
                        </div>
                    </div>
			
			
			</div>
          <!--Main Column-->
             <div id="mainColumn">
             <div class="productDetail">
                        <div class="listItem">
                        		<!--Block Product-->
                                <div class="blockThreeItems">
                                    <div class="item"> 
                                        <div class="view"><img src="images/upload/product.jpg" width="235" height="153" alt=""/> </div>
                                        <div class="desr">
                                            <p class="nameItem">Tên sản phẩm </p>
                                        </div>
                                    </div>
                                    <div class="item"> 
                                        <div class="view"><img src="images/upload/product.jpg" width="235" height="153" alt=""/> </div>
                                        <div class="desr">
                                            <p class="nameItem">Tên sản phẩm </p>
                                        </div>
                                    </div>
                                    <div class="item last"> 
                                        <div class="view"><img src="images/upload/product.jpg" width="235" height="153" alt=""/> </div>
                                        <div class="desr">
                                            <p class="nameItem">Tên sản phẩm </p>
                                        </div>
                                    </div>
                                    
                                </div>
                                <!--End Block Product-->
                                <!--Block Product-->
                                <div class="blockThreeItems">
                                    <div class="item"> 
                                        <div class="view"><img src="images/upload/product.jpg" width="235" height="153" alt=""/> </div>
                                        <div class="desr">
                                            <p class="nameItem">Tên sản phẩm </p>
                                        </div>
                                    </div>
                                    <div class="item"> 
                                        <div class="view"><img src="images/upload/product.jpg" width="235" height="153" alt=""/> </div>
                                        <div class="desr">
                                            <p class="nameItem">Tên sản phẩm </p>
                                        </div>
                                    </div>
                                    <div class="item last"> 
                                        <div class="view"><img src="images/upload/product.jpg" width="235" height="153" alt=""/> </div>
                                        <div class="desr">
                                            <p class="nameItem">Tên sản phẩm </p>
                                        </div>
                                    </div>
                                    
                                </div>
                                <!--End Block Product-->
                                <!--Block Product-->
                                <div class="blockThreeItems">
                                    <div class="item"> 
                                        <div class="view"><img src="images/upload/product.jpg" width="235" height="153" alt=""/> </div>
                                        <div class="desr">
                                            <p class="nameItem">Tên sản phẩm </p>
                                        </div>
                                    </div>
                                    <div class="item"> 
                                        <div class="view"><img src="images/upload/product.jpg" width="235" height="153" alt=""/> </div>
                                        <div class="desr">
                                            <p class="nameItem">Tên sản phẩm </p>
                                        </div>
                                    </div>
                                    <div class="item last"> 
                                        <div class="view"><img src="images/upload/product.jpg" width="235" height="153" alt=""/> </div>
                                        <div class="desr">
                                            <p class="nameItem">Tên sản phẩm </p>
                                        </div>
                                    </div>
                                    
                                </div>
                                <!--End Block Product-->
                               
                        </div>
                    	
                    </div>
                             
            
            	<!--End Block Product All-->
             </div>
            <div class="clearfix"></div>
          <!--End Main Column-->
          <div class="Partner">
          	<h3>Đối Tác </h3>
            <div class="image_carousel clearfix">
                <div id="foo2">
                    <a href="#"> <img src="images/client-logo1.png" alt="basketball" width="140" height="92" /></a>
                     <a href="#"><img src="images/client-logo2.png" alt="beachtree" width="140" height="92" /></a>
                     <a href="#"><img src="images/client-logo3.png" alt="cupcackes" width="140" height="92" /></a>
                     <a href="#"><img src="images/client-logo4.png" alt="hangmat" width="140" height="92" /></a>
                     <a href="#"><img src="images/client-logo5.png" alt="new york" width="140" height="92" /></a>
                     <a href="#"><img src="images/client-logo1.png" alt="basketball" width="140" height="92" /></a>
                     <a href="#"><img src="images/client-logo2.png" alt="beachtree" width="140" height="92" /></a>
                    <a href="#"> <img src="images/client-logo3.png" alt="cupcackes" width="140" height="92" /></a>
                    <a href="#"><img src="images/client-logo4.png" alt="hangmat" width="140" height="92" /></a>
                     <a href="#"><img src="images/client-logo5.png" alt="new york" width="140" height="92" /></a>
                     <a href="#"><img src="images/client-logo1.png" alt="basketball" width="140" height="92" /></a>
                     <a href="#"><img src="images/client-logo2.png" alt="beachtree" width="140" height="92" /></a>
                    <a href="#"> <img src="images/client-logo3.png" alt="cupcackes" width="140" height="92" /></a>
                     <a href="#"><img src="images/client-logo4.png" alt="hangmat" width="140" height="92" /></a>
                     <a href="#"><img src="images/client-logo5.png" alt="new york" width="140" height="92" /></a>
                    
                </div>
                <div class="clearfix"></div>
                <a class="prevslide" id="foo2_prev" href="#"><span>prev</span></a>
                <a class="nextslide" id="foo2_next" href="#"><span>next</span></a>
                <div class="paginationslide" id="foo2_pag"></div>
            </div>
		 </div>
		 <!-- InstanceEndEditable -->
         </div>
        
    </div>
    <div class="footer clearfix">
    	<div class="container">
        	<div class="infoFooter">
            <h4>CÔNG TY TNHH MTV THƯƠNG MẠI SẢN XUẤT HẠNH ĐẠT</h4>
			<p><span>Địa Chỉ:</span> Số 4, Đinh Cung Viên, Phường Phước Long A, Quận 9, Thành phố Hồ Chí Minh</p>
			<p><span>Điện thoại:</span> 0837.99.99.99 - 0899.899.999 -<span> Email:</span> hanhdat@gmail.com* .<span> Hotline:</span> 0918. 658 032<p>
            </div>
            <div class="copyright"> Copyright © 2013 <a href="newwind.vn">New Wind Design </a>. All Rights Reseved </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    	<script type="text/javascript" src="js/core.js"></script>
        <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
        <script type="text/javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
        <script type="text/javascript">
			
			$("#foo2").carouFredSel({
				circular: false,
				infinite: false,
				auto 	: true,
				width   : 980,
				prev	: {	
					button	: "#foo2_prev",
					key		: "left"
				},
				next	: { 
					button	: "#foo2_next",
					key		: "right"
				},
				pagination	: "display:none"
			});
			$("#fooH2").carouFredSel({
				
				circular: true,
				infinite: true,
				auto 	: true,
				padding: 15,
				width:   207,
				direction : "bottom",
				height: 380,
				items : 3,



			});
			
		</script>
   
</body>
<!-- InstanceEnd --></html>
